sass: use relative values for user-icon

https://gitlab.gnome.org/GNOME/gnome-shell/issues/2242

diff --git a/data/theme/gnome-shell-sass/widgets/_misc.scss b/data/theme/gnome-shell-sass/widgets/_misc.scss
index f9724398dd8e1c8d92553c0ec25fa01a92c8617a..aa543a0e530658b1bee073aa8cfa0cc06e2c755e 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_misc.scss
+++ b/data/theme/gnome-shell-sass/widgets/_misc.scss
@@ -20,20 +20,22 @@
 }
 
 .user-widget.vertical .user-icon {
-  icon-size: 128px;
+  icon-size: $base_icon_size * 6; // 128px
 
   & StIcon {
-    padding: 18px 20px 22px 20px;
-    width: 88px; height: 88px;
+    padding: $base_padding * 3 + 2px; // 20px
+    padding-top: $base_padding * 3; // 18 px
+    padding-bottom: $base_padding * 3 + 4px; // 22px
+    width: $base_icon_size * 5.5; height:  $base_icon_size * 5.5; // 88px;
   }
 }
 
 .user-widget.horizontal .user-icon {
-  icon-size: 64px;
+  icon-size: $base_icon_size * 4; // 64px
 
   & StIcon {
-    padding: 9px 10px 11px 10px;
-    width: 44px; height: 44px;
+    padding: $base_padding * 2 ; // 12px
+    width: $base_icon_size * 2.5; height:  $base_icon_size * 2.5; // 40px;
   }
 }